body {
  color            : #000000;
  margin-left      : 0px;
  margin-right     : 0px;
  margin-bottom    : 0px;
  margin-top       : 0px;
  padding          : 0px;
  background-color : #FFFFFF;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  SCROLLBAR-FACE-COLOR        : #CCCCCC; 
  SCROLLBAR-HIGHLIGHT-COLOR   : #EEEEEE; 
  SCROLLBAR-SHADOW-COLOR      : #FFFFFF; 
  SCROLLBAR-ARROW-COLOR       : #FF0000; 
  SCROLLBAR-BASE-COLOR        : #FFFFFF; 
  scrollbar-3d-light-color    : #FFFF00; 
  scrollbar-dark-shadow-color : #FFFFFF;
}

.tblhijau {
  height           : 25px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #FFFFFF;
  background-color : #8CAB1E;
  TEXT-DECORATION  : none;
}
.tblprint {
  height           : 25px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #000000;
  background-color : #cccccc;
  TEXT-DECORATION  : none;
}
.tbl21 {
  height           : 25px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #FFFFFF;
  background-color : #DD4D4D;
  TEXT-DECORATION  : none;
}
.tbl-qc-head {
  height           : 18px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #000000;
  background-color : #ffdd00;
  TEXT-DECORATION  : none;
}
.tbl-abu {
  height           : 18px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #000000;
  background-color : #EEEEEE;
  TEXT-DECORATION  : none;
}
.tbl-ijo-muda {
  background-color: #26ff00;
    color: #000000;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    text-decoration: none;
}
.tbl-ijo-tua {
  height           : 18px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #FFFFFF;
  background-color : #008461;
  TEXT-DECORATION  : none;
}
.tbl-biru-muda{
    background-color    : #26d3b0;
    color               : #000;
    font-family         : arial;
    font-size           : 12px;
    font-weight         : bold;
    height              : 18px;
    text-decoration     : none;
}
.hrf-putih {
  height           : 18px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #FFFFFF;
  TEXT-DECORATION  : none;
}

.tabel1 {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #000000;
  TEXT-DECORATION  : none;
}
.head-container{
    background          : none repeat scroll 0 0 rgb(238, 238, 238);
    border-bottom       : 1px solid #bcbcbc;
    min-height          : 38px;
    height              : 38px; 
    width               : 100%;
}
.head-side{
    padding             : 10px 0 12px 10px;
}
.head-judul{
    font                : bold 14pt arial;
    color               : #0006c4;
    opacity             : 0.8;
}

.search-container{
    height              : 30px;
    min-height          : 38px;
    position            : absolute;
    right               : 30px;
    top                 : 10px;
}
.search-side{
    min-width           : 500px;
    width               : 500px;
}
.search-side span{
    font-size           : 12px;
    font-weight         : bold;
}
.search-side label{
    font-size           : 12px;
    font-weight         : bold;
}
.table-container{
    display             : table;
    width               : 100%;
    border-collapse     : collapse;
    }
.table-heading{
     font-weight        : bold;
     display            : table-row;
     background-color   : #00BA8B;
     text-align         : center;
     line-height        : 25px;
     font-size          : 12px;
     font-family        : georgia;
     color              : #fff;
     
 }
 .table-row{  
     display            : table-row;
     text-align         : center;
 }
 .table-heading .table-col{ 
    display             : table-cell;
    border              : 1px solid #CCC;
    font                : bold 11pt tahoma;
    padding             : 5px;
 }
 .table-row .table-col{
    display             : table-cell;
    border              : 1px solid #CCC;
    font                : 10pt tahoma;
    padding             : 4px;
 }
 
 .form{
    font-family		: Tahoma;
    font-size		: 11px;
    color		: #000000;
    background          : #FEFEDE;
    padding		: 1px;
    border		: 1px solid #777777;
 }
 
 .form-search{
    background          : none repeat scroll 0 0 #ffc1c1;
    border              : 1px solid #000;
    color               : #000000;
    font-family         : Tahoma;
    font-size           : 11px;
    padding             : 1px;
 }
 
 .btn-search{
    font-family         : Tahoma;
    font-size           : 11px;
    color               : #ffffff;
    font-weight         : normal;
    background-color    : #ff8484;
    border              : 1px solid #000;
    padding             : 1px;
 }
 
 .btn-submit{
    font-family         : Tahoma;
    font-size           : 11px;
    color               : #ffffff;
    font-weight         : normal;
    background-color    : #BBBBBB;
    border              : 1px solid #777777;
    padding             : 0px;
 }
 
 .word-wrap{
    white-space: -moz-pre-wrap !important;  // Mozilla, since 1999 
    white-space: -pre-wrap;     //  Opera 4-6 
    white-space: -o-pre-wrap;   //  Opera 7 
    white-space: pre-wrap;      //  css-3 
    word-wrap: break-word;      //  Internet Explorer 5.5+ 
    word-break: break-all;
    white-space: normal;
}

.text-left {
    text-align: left;
    padding-left: 5px;
}

.flexible{
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.ui-datepicker-trigger{
    
}